<template>
	<view class="content">
		<view class="list">
			<view class="item" v-for="(item,i) in list" :key="i">
				<view class="left">{{item.creat_time}}</view>
				<view class="center">{{item.remark}}</view>
				<view :class="{right:true,status:item.sign==1}">{{item.sign==1?'-':'+'}} {{item.integral}}</view>
			</view>
		</view>
		<no-data :src="noDataSrc" :txt="'暂无积分明细'" v-if="!list.length"></no-data>
	</view>
</template>
<script>
export default {
	name: 'DetailList',
	data() {
		return {
			noDataSrc:this.$noData,
		};
	},
	props: {
		list: {
			type:Array,
			default:[]
		}
	},
};
</script>

<style lang="scss" scoped>
	.list{
		padding:0 24rpx;
		background-color:#fff;
	}
	.item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 2rpx solid #e5e5e5;
		position: relative;
		padding:20rpx 0;
	}
	.left{
		flex: 1;
		font-size: 24rpx;
		font-weight: 500;
		color: #333333;
	}
	.center{
		flex: 1;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
	}
	.right{
		flex: 1;
		text-align: right;
		font-size: 40rpx;
		font-weight: 500;
		color: #0DA297;
	}
	.right.status{
		color: #FD4E57;
	}
</style>
